<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fitkun - 图片批量下载</title>
  <link href="/bootstrap/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  <script src="/bootstrap/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
  
</head>

<body>
  <pre id="output">点击按钮后会在控制台输出信息</pre>
  <div class="row g-2 mt-1 mb-2 ">
    <div class="d-flex gap-2 col-6 mx-auto">
      <button class="btn btn-primary flex-fill" id="readContent" type="button">检测</button>
      <button class="btn btn-primary flex-fill" type="button">下载</button>
    </div>
  </div>
  <div class="accordion" id="accordionPanelsStayOpenExample">
    <div class="accordion-item">
      <h2 class="accordion-header" id="panelsStayOpen-headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#mainpage-panel"
          aria-expanded="true" aria-controls="mainpage-panel">
          主图
        </button>
      </h2>
      <div id="mainpage-panel" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
        <div class="card">
          <div class="card-body text-end p-2">
            <small class="bg-primary d-inline-block border rounded px-2 py-1">PNG</small>
            <small class="bg-success d-inline-block border rounded px-2 py-1">201*201</small>
            <small class="bg-info d-inline-block border rounded px-2 py-1">229KB</small>
          </div>
          <img src="/images/refresh.png" class="card-img-top" alt="...">
        </div>
      </div>
    </div>

    <div class="accordion-item">
      <h2 class="accordion-header" id="panelsStayOpen-headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#detail-panel"
          aria-expanded="true" aria-controls="detail-panel">
          详情
        </button>
      </h2>
      <div id="detail-panel" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
        <div class="card">
          <div class="card-body text-end p-2">
            <small class="bg-primary d-inline-block border rounded px-2 py-1">PNG</small>
            <small class="bg-success d-inline-block border rounded px-2 py-1">201*201</small>
            <small class="bg-info d-inline-block border rounded px-2 py-1">229KB</small>
          </div>
          <img src="/images/refresh.png" class="card-img-top" alt="...">
        </div>
      </div>
    </div>

    <div class="accordion-item">
      <h2 class="accordion-header" id="panelsStayOpen-headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#sku-panel"
          aria-expanded="true" aria-controls="sku-panel">
          SKU
        </button>
      </h2>
      <div id="sku-panel" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
        <div class="card">
          <div class="card-body text-end p-2">
            <small class="bg-primary d-inline-block border rounded px-2 py-1">PNG</small>
            <small class="bg-success d-inline-block border rounded px-2 py-1">201*201</small>
            <small class="bg-info d-inline-block border rounded px-2 py-1">229KB</small>
          </div>
          <img src="/images/refresh.png" class="card-img-top" alt="...">
        </div>
      </div>
    </div>

  </div>
</body>
<script src="/sidebar/sidebar.js" crossorigin="anonymous"></script>
</html>